<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <title>校易淘 - 首页</title>
  <link rel="stylesheet" href="css/style.css">
  <script src="js/main.js" defer></script>
</head>
<body>
  <header>
    <h1>校易淘二手交易平台</h1>
    <nav>
      <a href="index.html">首页</a>
      <a href="cart.html">购物车</a>
      <a href="publish.html">发布商品</a>
      <a href="myitems.html">我的商品</a>
      <a href="orders.html">我的订单</a>
      <a href="login.html">登录</a>
      <a href="register.html">注册</a>
    </nav>
  </header>

  <div class="container">
    <!-- 搜索 -->
    <div style="text-align:center; margin-bottom:25px;">
      <input id="search-input" placeholder="搜索商品..." style="max-width:400px;">
      <button onclick="searchProducts()">搜索</button>
      <button onclick="renderProducts()">重置</button>
    </div>

    <!-- 商品列表 -->
    <div id="product-list" class="product-list"></div>
  </div>
</body>
</html>